<template>
	<view class="container">
		<view class="item flex-row" @click="toPage('./scene/index')">
			<image src="../../../static/img/education/file.png"></image>
			<text>现场培训</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('./online/index')">
			<image src="../../../static/img/education/meeting.png"></image>
			<text>在线学习</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('./pre/index')">
			<image src="../../../static/img/education/file.png"></image>
			<text>岗前培训</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
	</view>
</template>

<script>
import uniIcons from "@/components/uni-icons/uni-icons.vue";
export default{
	components: { uniIcons },
	data(){
		return {}
	},
	methods: {
		toPage(url){
			if(url) uni.navigateTo({url});
		}
	}
}
</script>

<style scoped>
.container{
	height: 100vh;
	padding: 20upx;
	box-sizing: border-box;
}
.item{
	background: #fff;
	margin-bottom: 20upx;
	padding: 12upx 20upx;
	border-radius: 12upx;
	box-shadow: 0 0 6upx #ccc;
	justify-content: flex-start;
	position: relative;
}
.item image{
	width: 80upx;
	height: 80upx;
	margin-right: 20upx;
}
.item text{
	font-size: 32upx;
}
.item uni-icons,
.item .uni-icons{
	position: absolute;
	right: 20upx;
	top: 20upx;
}
</style>
